@import "../../../Common/commonStyle.scss";
@import "../../../Common/mixin.scss";
.homePage-phone {
    p {
        margin: 0;
        padding: 0;
    }

    position: relative;
    width: 100%;
    background-color: rgba(19, 20, 44, 1);

    // 头部样式
    main {
        position: relative;
        width: 100vw;
        height: 100*1.52vw;
        background:
            url('../../../Assets/header/phone_01@2x.png') 0 0 no-repeat,
            url('../../../Assets/header/phone_02@2x.png') 0 53vw no-repeat,
            url('../../../Assets/header/phone_03@2x.png') 0 105.9vw no-repeat;

        background-size: 100%;
        margin-bottom: 2rem;

        hgroup {
            position: relative;
            text-align: center;
            z-index: 3;
            padding-top: rem(242);
            font-size: rem(53);
            font-weight: 800;
            line-height: rem(72);

            .banner-p1 {
                text-shadow: 0px 2px 6px rgba(100, 223, 222, 0.6);
                font-family: $PingFang-SC-Heavy-fontFamily;
                color: rgba(255, 255, 255, 1);
                letter-spacing: 1px;
                margin-bottom: rem(14);
            }
            .banner-p2{
              color: rgba(255, 255, 255, 1);
              text-shadow: 0px 2px 14px rgba(100, 223, 222, 0.3);
              span{
                color: rgba(100, 223, 222, 1);
              }
              margin-bottom: rem(14);
            }
            .banner-p3 {
                text-shadow: 0px 2px 14px rgba(100, 223, 222, 0.3);
                font-family: $PingFang-SC-Heavy-fontFamily;
                color: rgba(255, 255, 255, 1);
                letter-spacing: 1px;
            }
        }

        // 联系我们
        .contact-us-txt {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin-top: rem(200);

            p {
                font-size: rem(53);
                line-height: rem(72);
                text-shadow: 0px rem(4) rem(13) rgba(100, 223, 222, 0.6);
                font-weight: 800;
                color: rgba(255, 255, 255, 1);
                margin-bottom: rem(44);
            }

            .uploadBtn {
                position: relative;
                width: rem(573);
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                background: none;
                border: none;
                outline: none;
                margin: 0;
                padding: 0;
                cursor: pointer;
                .btn-bg {
                    width: 100%;
                }

                .btn-icon {
                    position: absolute;
                    width: rem(118);
                    height: rem(129);
                    left: rem(72);
                    margin-right: 10px;
                }

                .btn-txt {
                    position: absolute;
                    left: 32%;
                    font-size: rem(53);
                    line-height: rem(72);
                    text-shadow: 0px rem(4) rem(31) rgba(0, 214, 255, 0.5);
                    margin-left: 18px;
                    font-weight: 400;
                    color: rgba(255, 255, 255, 1);
                }
                .btn-txt-google{
                    left: 30%;
                }



                .googlePlay {
                    margin-right: 7px;
                }
            }
            .open_button{
              position: relative;
              width: rem(573);
              height: rem(118);
              display: flex;
              flex-direction: row;
              justify-content: center;
              align-items: center;
              background: none;
              border: none;
              outline: none;
              margin: 0;
              padding: 0;
              font-size: rem(39);
              line-height: rem(55);
              font-weight: 500;
              color: #fff;
              cursor: pointer;
              .btn-bg {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
              }
            }

            .btn1 {
                // margin-top: 1rem;
            }

            .btn2 {
                margin-top: 1.8rem;
            }
        }

    }
}

.phoneEnTxtStyle {
    main {
        hgroup {
            .banner-p1 {
                font-size: 1.7rem;
                line-height: 2.5rem;
                text-shadow: 0px 2px 6px rgba(100, 223, 222, 0.6);
            }

            .banner-p2 {

                font-size: 1.1rem;
                font-family: $PingFang-SC-Medium-fontFamily;
                font-weight: 500;
                color: rgba(100, 223, 222, 1);
                line-height: 1.67rem;
                text-shadow: 0px 0px 1px rgba(100, 223, 222, 0.3);
            }


        }

        .contact-us-txt {
            margin-top: 30%;

            p {

                font-size: 1.67rem;
                line-height: 2.33rem;
                text-shadow: 0px 0px 1px rgba(100, 223, 222, 0.6);
            }
        }
    }
}